<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Dreamhub Interior-Design HTML5 Template</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	
	<!-- bootstrap CSS -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" media="all">
	<!-- carousel CSS -->
	<link rel="stylesheet" href="static/css/owl.carousel.min.css" type="text/css" media="all">	
	<!-- animate CSS -->
	<link rel="stylesheet" href="static/css/animate.css" type="text/css" media="all">	
	<!-- animated-text CSS -->
	<link rel="stylesheet" href="static/css/animated-text.css" type="text/css" media="all">	
	<!-- font-awesome CSS -->
	<link rel="stylesheet" href="static/css/all.min.css" type="text/css" media="all">	
	<!-- font-flaticon CSS -->
	<link rel="stylesheet" href="static/css/flaticon.css" type="text/css" media="all">	
	<!-- theme-default CSS -->
	<link rel="stylesheet" href="static/css/theme-default.css" type="text/css" media="all">	
	<!-- meanmenu CSS -->
	<link rel="stylesheet" href="static/css/meanmenu.min.css" type="text/css" media="all">	
	<!-- Main Style CSS -->
	<link rel="stylesheet" href="static/css/style.css" type="text/css" media="all">
	<!-- transitions CSS -->
	<link rel="stylesheet" href="static/css/owl.transitions.css" type="text/css" media="all">
	<!-- venobox CSS -->
	<link rel="stylesheet" href="static/css/venobox.css" type="text/css" media="all">
	<!-- responsive CSS -->
	<link rel="stylesheet" href="static/css/responsive.css" type="text/css" media="all">
	<!-- modernizr js -->	
	<script src="static/js/modernizr-3.5.0.min.js"></script>	
	<!-- bootstrap icons -->
	<link rel="stylesheet" href="static/css/bootstrap-icons.css">

	
</head>
<body>
	<!-- loder -->
	<div class="loader-wrapper">
	  <div class="loader"></div>
	  <div class="loder-section left-section"></div>
	  <div class="loder-section right-section"></div>
	</div>


<!--==================================================-->
<!-- Start dreamhub Main Menu Area -->
<!--==================================================-->
<div id="sticky-header" class="dreamhub_nav_manu">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-3">
				<div class="logo">
					<a class="logo_img" href="index.html" title="dreamhub">
						<img src="static/picture/logo.png" alt="logo">
					</a>
					<a class="main_sticky" href="index.html" title="dreamhub">
						<img src="static/picture/logo.png" alt="astute">
					</a>
				</div>
			</div>
			<div class="col-lg-9">
				<nav class="dreamhub_menu">
					<ul class="nav_scroll">
						<li><a href="index.html">Home</a></li>
						<li><a href="#">Projects</a>
							<ul class="sub-menu">
								<li><a href="project.html">Project</a></li>
								<li><a href="project-details.html">Project-details</a></li>
							</ul>
						</li>
						<li><a href="#">Services</a>
							<ul class="sub-menu">
								<li><a href="service.html">Services</a></li>
								<li><a href="service-details.html">Service-details</a></li>
							</ul>
						</li>
						<li><a href="#">Pages</a>
							<ul class="sub-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="team.html">Team</a></li>
								<li><a href="faq.html">faq</a></li>
								<li><a href="contact.html">Contact Us</a></li>
							</ul>
						</li>
						<li><a href="#">Blog</a>
							<ul class="sub-menu">
								<li><a href="">Blog-Grid</a></li>
								<li><a href="blog-list.html">Blog-List</a></li>
								<li><a href="blog-2column.html">Blog-2Column</a></li>
								<li><a href="blog-details.html">Blog-Details</a></li>
							</ul>
						</li>
						<li><a href="#">Shop</a>
							<ul class="sub-menu">
								<li><a href="shop.html">Shop</a></li>
								<li><a href="Shop-details.html">Shop-details</a></li>
							</ul>
						</li>
					</ul>
					<div class="header-search">
						<div class="search">
							<form action="#" method="get">
								<input type="text" name="s" value="" placeholder="Search" title="Search for:">
								<button type="submit" class="icons">
									<i class="fa fa-search"></i>
								</button>
							</form>
						</div>
					</div>
				</nav>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- end dreamhub Main Menu Area -->
<!--==================================================-->

<!-- dreamhub Mobile Menu Area -->
<div class="mobile-menu-area sticky d-sm-block d-md-block d-lg-none ">
	<div class="mobile-menu">
		<nav class="dreamhub_menu">
			<ul class="nav_scroll">
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Projects</a>
					<ul class="sub-menu">
						<li><a href="project.html">Project</a></li>
						<li><a href="project-details.html">Project-details</a></li>
					</ul>
				</li>
				<li><a href="#">Services</a>
					<ul class="sub-menu">
						<li><a href="service.html">Services</a></li>
						<li><a href="service-details.html">Service-details</a></li>
					</ul>
				</li>
				<li><a href="#">Pages</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">About Us</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="faq.html">faq</a></li>
						<li><a href="contact.html">Contact Us</a></li>
					</ul>
				</li>
				<li><a href="#">Blog</a>
					<ul class="sub-menu">
						<li><a href="">Blog-Grid</a></li>
						<li><a href="blog-list.html">Blog-List</a></li>
						<li><a href="blog-2column.html">Blog-2Column</a></li>
						<li><a href="blog-details.html">Blog-Details</a></li>
					</ul>
				</li>
				<li><a href="#">Shop</a>
					<ul class="sub-menu">
						<li><a href="shop.html">Shop</a></li>
						<li><a href="Shop-details.html">Shop-details</a></li>
					</ul>
				</li>
			</ul>
			<div class="header-btn">
				<a href="contact-us.html">GET A FREE QUOTE</a>
			</div>
		</nav>
	</div>
</div>
<!--==================================================-->
<!-- End dreamhub Main Menu Area -->
<!--==================================================-->





<!--==================================================-->
<!-- start dreamhub breatcome Area -->
<!--==================================================-->



	<div class="breatcome-area d-flex align-items-center">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="breatcome-content">
						<div class="breatcome-title">
							<h1>Blog-Grid</h1>
						</div>
						<div class="breatcome-text">
							<ul>
								<li><a href="index.html">Home /</a></li>
								<li>Blog-Grid</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<!--==================================================-->
<!-- end dreamhub breatcome Area -->
<!--==================================================-->


<!--==================================================-->
<!-- start dreamhub blog-grid Area -->
<!--==================================================-->

	<div class="blog-grid-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-6">
					<div class="blog-single-box">
						<div class="blog-thumb">
							<img src="static/picture/blog-img1.png" alt="blog-img1">
						</div>
						<div class="blog-content">
							<div class="blog-date">
								<h4>July 28, 2024</h4>
							</div>
							<h3 class="blog-title"><a href="blog-details.html">The Pros and Cons of Large Format Porcelain</a></h3>
							<p class="blog-desc"> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, </p>
							<div class="blog-btn">
								<a href="blog-details.html">Read More <i class="bi bi-arrow-right"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="blog-single-box">
						<div class="blog-thumb">
							<img src="static/picture/blog-img2.png" alt="blog-img1">
							
						</div>
						<div class="blog-content">
							<div class="blog-date">
								<h4>July 20, 2024</h4>
							</div>
							<h3 class="blog-title"><a href="blog-details.html">A Stunning Classic Shaker Kitchen In Halesowen</a></h3>
							<p class="blog-desc"> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, </p>
							<div class="blog-btn">
								<a href="blog-details.html">Read More <i class="bi bi-arrow-right"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="blog-single-box">
						<div class="blog-thumb">
							<img src="static/picture/blog-img3.png" alt="blog-img1">
						</div>
						<div class="blog-content">
							<div class="blog-date">
								<h4>July 15, 2024</h4>
							</div>
							<h3 class="blog-title"><a href="blog-details.html">What it's like to be an interior in they designer</a></h3>
							<p class="blog-desc"> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, </p>
							<div class="blog-btn">
								<a href="blog-details.html">Read More <i class="bi bi-arrow-right"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="blog-single-box">
						<div class="blog-thumb">
							<img src="static/picture/blog-img5.png" alt="blog-img1">
						</div>
						<div class="blog-content">
							<div class="blog-date">
								<h4>July 15, 2024</h4>
							</div>
							<h3 class="blog-title"><a href="blog-details.html">What it's like to be an interior in they designer</a></h3>
							<p class="blog-desc"> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, </p>
							<div class="blog-btn">
								<a href="blog-details.html">Read More <i class="bi bi-arrow-right"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="blog-single-box">
						<div class="blog-thumb">
							<img src="static/picture/blog-img6.png" alt="blog-img1">
						</div>
						<div class="blog-content">
							<div class="blog-date">
								<h4>July 15, 2024</h4>
							</div>
							<h3 class="blog-title"><a href="blog-details.html">What it's like to be an interior in they designer</a></h3>
							<p class="blog-desc"> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, </p>
							<div class="blog-btn">
								<a href="blog-details.html">Read More <i class="bi bi-arrow-right"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="blog-single-box">
						<div class="blog-thumb">
							<img src="static/picture/blog-img7.png" alt="blog-img1">
						</div>
						<div class="blog-content">
							<div class="blog-date">
								<h4>July 15, 2024</h4>
							</div>
							<h3 class="blog-title"><a href="blog-details.html">What it's like to be an interior in they designer</a></h3>
							<p class="blog-desc"> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, </p>
							<div class="blog-btn">
								<a href="blog-details.html">Read More <i class="bi bi-arrow-right"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>







<!--==================================================-->
<!-- end dreamhub blog-grid Area -->
<!--==================================================-->







<!--==================================================-->
<!-- Start dreamhub Footer Area -->
<!--==================================================-->
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget">
							<div class="footer-widget-logo">
								<a href="index.html"><img src="static/picture/logo2.png" alt="logo"></a>
							</div>
							<div class="footer-widget-text">
								<p>Showcase projects with Archicon especially made for architecture & interior design.</p>
							</div>
							<div class="footer-widget-social">
								<a href="#"><i class="bi bi-instagram"></i></a>
								<a href="#"><i class="fab fa-linkedin-in"></i></a>
								<a href="#"><i class="bi bi-youtube"></i></a>
								<a href="#"><i class="bi bi-behance"></i></a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget left">
							<div class="widget-title">
								<h2>Contacts</h2>
							</div>
							<ul>
								<li><a href="#"><i class="fas fa-map-marker-alt"></i> 411 University St, Seattle, USA</a></li>
								<li><a href="#"><i class="fas fa-envelope"></i> theratio_simpil@mail.com</a></li>
								<li><a href="#"><i class="fas fa-phone-alt"></i> +1 800 456 789 123</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget right">
							<div class="widget-title">
								<h2>Subscribe</h2>
							</div>
							<div class="subscribe-form">
								<form>
									<div class="form-field">
										<input type="email" name="EMAIL" placeholder="Email" required="">
										<button class="subscribe-button" type="submit">Subscribe</button>
									</div>
								</form>
							</div>
							<div class="footer-widget-right-desc">
								<p>Follow our newsletter to stay updated about agency.</p>
							</div>
						</div>
					</div>
				</div>
		    </div>
	    </div>
	
<!--==================================================-->
<!-- end dreamhub Footer Area -->
<!--==================================================-->



<!--==================================================-->
<!-- Start dreamhub copyright Area -->
<!--==================================================-->

		<div class="copyright-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="footer-copyright-text">
							<p></p>
						</div>
					</div>
				</div>
			</div>
		</div>


<!--==================================================-->
<!-- end dreamhub copyright Area -->
<!--==================================================-->


<!--==================================================-->
<!-- Start Search Popup Area -->
<!--==================================================-->
<div class="search-popup">
	<button class="close-search style-two"><span class="flaticon-multiply"><i class="far fa-times-circle"></i></span></button>
	<button class="close-search"><i class="bi bi-arrow-up-short"></i></button>
	<form method="post" action="#">
		<div class="form-group">
			<input type="search" name="search-field" value="" placeholder="Search Here" required="">
			<button type="submit"><i class="fa fa-search"></i></button>
		</div>
	</form>
</div>
<!--==================================================-->
<!-- Start Search Popup Area -->
<!--==================================================-->



<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
<!-- scrollup section -->
<div class="scroll-area">
	<div class="top-wrap">
		<div class="go-top-btn-wraper">
			<div class="go-top go-top-button">
				<i class="fas fa-arrow-up"></i>
				<i class="fas fa-arrow-up"></i>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
	
	
	<!-- jquery js -->	
	<script src="static/js/jquery-3.6.2.min.js"></script>
	<!-- bootstrap js -->	
	<script src="static/js/bootstrap.min.js"></script>
	<!-- carousel js -->
	<script src="static/js/owl.carousel.min.js"></script>
	<!-- counterup js -->
	<script src="static/js/jquery.counterup.min.js"></script>
	<!-- waypoints js -->
	<script src="static/js/waypoints.min.js"></script>
	<!-- wow js -->
	<script src="static/js/wow.js"></script>
	<!-- imagesloaded js -->
	<script src="static/js/imagesloaded.pkgd.min.js"></script>
	<!-- venobox js -->
	<script src="static/js/venobox.js"></script>
	<!--  animated-text js -->	
	<script src="static/js/animated-text.js"></script>
	<!-- venobox min js -->
	<script src="static/js/venobox.min.js"></script>
	<!-- isotope js -->
	<script src="static/js/isotope.pkgd.min.js"></script>
	<!-- jquery meanmenu js -->	
	<script src="static/js/jquery.meanmenu.js"></script>
	<!-- jquery scrollup js -->	
	<script src="static/js/jquery.scrollUp.js"></script>
	<!-- theme js -->	
	<script src="static/js/theme.js"></script>
	<script src="static/js/jquery.barfiller.js"></script>
	<!-- jquery js -->		
</body>
</html>